<template>
    <header class="header">
        <BackWard />
        <h1>{{title}}</h1>
    </header>
</template>

<script>
import BackWard from './Sub/BackWard'

export default {
    name: 'CommonHeader',
    components: {
        BackWard
    },
    props: {
        title: {
            type: String,
            default () {
                return '一线生活通'
            }
        }
    }
}
</script>

<style lang="scss" scoped>
 @import '~styles/mixins.scss';
 @import '~styles/variables.scss';

 .header {
     position: relative;
     @include flex-row;
     @include vh-center;
     height: $headerHeight;
    //  background-color: $defaultBgColor;
     background-color: rgb(2, 144, 255);

     h1 {
         font-size: .18rem;
     }
 }
</style>